<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>导航栏示例</title>
<link href="http://www.see-source.com/bootstrap/css/bootstrap.css" rel="stylesheet">
<script type="text/javascript" src="http://www.see-source.com/bootstrap/js/jquery.js"></script>
<script type="text/javascript" src="http://www.see-source.com/bootstrap/js/bootstrap-dropdown.js"></script>
</head>
<body>
  <ul class="nav nav-pills">         
     <li class="dropdown">
         <a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉 <b class="caret"></b></a>
         <ul id="menu1" class="dropdown-menu">
		    <li><a href="#">动作</a></li>
            <li><a href="#">另一个动作</a></li>
            <li><a href="#">其他</a></li>
            <li class="divider"></li>
            <li><a href="#">另一个链接</a></li>
         </ul>
     </li>
     <li class="dropdown">
         <a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉 <b class="caret"></b></a>
         <ul id="menu2" class="dropdown-menu">
		    <li><a href="#">动作</a></li>
            <li><a href="#">另一个动作</a></li>
            <li><a href="#">其他</a></li>
            <li class="divider"></li>
            <li><a href="#">另一个链接</a></li>
         </ul>
     </li>
     <li class="dropdown">
         <a class="dropdown-toggle" data-toggle="dropdown" href="#">下拉 <b class="caret"></b></a>
         <ul id="menu3" class="dropdown-menu">
		<li><a href="#">动作</a></li>
           <li><a href="#">另一个动作</a></li>
           <li><a href="#">其他</a></li>
           <li class="divider"></li>
           <li><a href="#">另一个链接</a></li>
         </ul>
     </li>
  </ul>
</body>
</html>
